$(document).ready(function () {
    // 判断登录状态，决定用户点击图标跳转到相应页面
    if (getCookie('code') == 200) {
        $('#nav-error').css('display', 'block')
        $('#nav-error a').attr('href', 'error.html')
        $("#nav-upcontent").css('display', 'block')
        $('#header-content li:last').after(`
        <div style="display:inline-block;float:right;color:white;line-height:50px">
        <span>欢迎！`+getCookie('item-username')+`同学</span>
        </div>
        `)
    }else if (getCookie('code') == 201) {
        $('#header-content li:last').after(`
        <div style="display:inline-block;float:right;color:white;line-height:50px">
        <span>欢迎！`+getCookie('item-username')+`教师</span>
        </div>
        `)
        $("#header-content ul li").eq(1).css('display', 'none')
        $("#header-content ul li").eq(0).after(`
        <li id="course-manager">
            <a href="course-list.html">课程管理</a>  
        </li>
        
    `)
    // <li><a href="fill-formwork.html">出试卷</a></li> 
    }else if (getCookie('code') == 202) {
        $('#header-content li:last').after(`
        <div style="display:inline-block;float:right;color:white;line-height:50px">
        <span>欢迎！`+getCookie('admin-name')+`</span>
        </div>
        `)
        $("#header-content ul li").eq(1).css('display', 'none')
        $("#header-content ul li").eq(0).after(`
        <li id="school-manager">
            <a href="school-list.html">学校管理</a>
        </li>
        `)
    }else if (getCookie('code') == 203) {
        $('#header-content li:last').after(`
        <div style="display:inline-block;float:right;color:white;line-height:50px">
        <span>欢迎！`+getCookie('admin-name')+`</span>
        </div>
        `)
        $("#header-content ul li").eq(1).css('display', 'none')
        $("#header-content ul li").eq(0).after(`
        <li id="teacher-manager">
            <a href="teacher-list.html">教师管理</a>
        </li>
        `)
    }else{
        $('#header-content li').eq(1).css('display','none')
    }

    $('#login-register').click(function () {
        if (getCookie('code') == 200 || getCookie('code') == 201) {
            window.location.href = "personal.html"
        } else if (getCookie('code') == 202) {
            $('#myModal-public h4').html('权限：系统管理员')
            $('#myModal-public-body').html(`是否注销：(` + getCookie('admin-name') + `)?`)
            $('#myModal-public .modal-footer').html(`
            <button type="button" class="btn btn-primary" id="admin-upade-psw">修改密码</button>
            <button type="button" class="btn btn-primary" id="admin-cancel">注销</button>
            <button type="button" class="btn" data-dismiss="modal">关闭</button>
            `)
            $('#myModal-public').modal({

            })
        } else if (getCookie('code') == 203) {
            $('#myModal-public h4').html('权限：学校管理员')
            $('#myModal-public-body').html(`是否注销：(` + getCookie('admin-name') + `)?`)
            $('#myModal-public .modal-footer').html(`
            <button type="button" class="btn btn-primary" id="admin-upade-psw">修改密码</button>
            <button type="button" class="btn btn-primary" id="admin-cancel">注销</button>
            <button type="button" class="btn" data-dismiss="modal">关闭</button>
            `)
            $('#myModal-public').modal({

            })
        } else {
            window.location.href = "login.html"
        }
    })

    $('#myModal-public').on('mouseover', function () {
        // 管理员注销
        $('#admin-cancel').click(function () {
            $.ajax({
                type: 'GET',
                url: 'http://111.229.120.67/gen/logout',
                xhrFields: {
                    withCredentials: true
                },
                success: function (data) {
                    if(data.statusCode==0){
                        clearCookie('code')
                        clearCookie('admin-name')    
                        window.location.href = 'login.html'
                    }else{
                        clearCookie('code')
                        clearCookie('admin-name')    
                        window.location.href = 'login.html'
                    }
                }
            })

        })
        // 管理员修改密码
        $('#admin-upade-psw').click(function () {
            $('#myModal-public-body').html(`
            旧的密码：<input type="password" id="admin-newpsw0" placeholder="不输入则保留原密码">
            <br>
            <br>
            新的密码：<input type="password" id="admin-newpsw" placeholder="请输入新密码">
            <br>
            <br>
            确认密码：<input type="password" id="admin-newpsw1" placeholder="请再次输入新密码">
            `)
            $('#myModal-public .modal-footer').html(`
            <button type="button" class="btn btn-primary" id="admin-upade-pswsure">确认修改</button>
            <button type="button" class="btn btn-primary" id="admin-back">取消</button>
            <button type="button" class="btn" data-dismiss="modal">关闭</button>
            `)
        })
        // 确认修改密码
        $('#admin-upade-pswsure').off("click").click(function () {
            if ($('#admin-newpsw1').val() !== $('#admin-newpsw').val()) {
                $('#check-repeat').remove()
                $('#admin-newpsw1').after(`<p id="check-repeat" style="color:red">两次输入的密码不相同，请重新输入</p>`)
            } else {
                $.ajax({
                    type: 'POST',
                    url: 'http://111.229.120.67/gen/update-pasw',
                    data:{
                        "oldpassword":$('#admin-newpsw0').val(),
                        "newpassword":$('#admin-newpsw').val()
                    },
                    xhrFields: {
                        withCredentials: true
                    },
                    success: function (data) {
                        if (data.statusCode == 0) {
                            $('#myModal-public-body').html('密码修改成功')
                            $('#myModal-public .modal-footer').html(`
                            <button type="button" class="btn btn-primary" id="admin-back">返回</button>
                            <button type="button" class="btn" data-dismiss="modal">关闭</button>
                            `)
                        }else if(data.statusCode == -1){
                            $('#myModal-public h4').html('修改失败')
                            $('#myModal-public-body').html('修改密码失败，请重试')
                            $('#myModal-public .modal-footer').html(`
                            <button type="button" class="btn btn-primary" id="admin-back">返回</button>
                            <button type="button" class="btn" data-dismiss="modal">关闭</button>
                            `)
                        }else {
                            $('#myModal-public h4').html('请求超时')
                            $('#myModal-public-body').html('请求超时，请重试')
                            $('#myModal-public .modal-footer').html(`
                            <button type="button" class="btn btn-primary" id="admin-back">返回</button>
                            <button type="button" class="btn" data-dismiss="modal">关闭</button>
                            `)
                        }
                    }
                })
            }
        })
        // 返回
        $('#admin-back').click(function () {
            $('#myModal-public-body').html(`是否注销：(` + getCookie('admin-name') + `)?`)
            $('#myModal-public .modal-footer').html(`
            <button type="button" class="btn btn-primary" id="admin-upade-psw">修改密码</button>
            <button type="button" class="btn btn-primary" id="admin-cancel">注销</button>
            <button type="button" class="btn" data-dismiss="modal">关闭</button>
            `)
        })
    })

    // 技术支持点击事件
    $('#team').click(function () {
        $('#myModal-public h4').html('研发团队')
        $('#myModal-public-body').html('<p>蓝伟格(组长)：1561597707(QQ)</p><p>刘帅(后端开发)：1824301866(QQ)</p><p>付彩玉(后端开发)：2511026434(QQ)</p><p>陆保哲(前端开发)：1106951289(QQ)</p><p>庞礼民(前端开发)：1050365714(QQ)</p>')
        $('#myModal-public .modal-footer').html(
            `<button type="button" class="btn" data-dismiss="modal">关闭</button>`
        )
        $('#myModal-public').modal({

        })
    })
    $('#content-wrap').css('height', $(window).height())
    if ($(window).width() > 1000) {
        // input
        $('#content-wrap input').css({
            'width': '60%',
            'padding-left': '10%'
        })
        $('#content-wrap input[type=radio]').css({
            'width': '14px',
            'padding-left': '0'
        })
        // p
        $('#content-wrap p').css({
            'left': '24%'
        })
        // button
        $('content-wrap button').css({
            'width': '30%'
        })
        // 查看密码
        $('#checkpsw').css({
            'left': '74%'
        })
        // 导航图标
        $('#header-content li:last-child').css('float', 'right')
        // 登录和注册页面
        $('#tabdiv').css('width', '60%')
        // 模态框
        $('.modal-dialog').css({
            'width': '30%',
            'padding-right': '17px'
        })
        $('.modal').css({
            'position': 'fixed',
            'top': '23%'
        })

    } else if ($(window).width() < 776) {
        // input
        $('#content-wrap input').css({
            'width': '100%',
            'padding-left': '22%'
        })
        $('#content-wrap input[type=radio]').css({
            'width': '14px',
            'padding-left': '0'
        })
        // p
        $('#content-wrap p').css({
            'left': '6%'
        })
        //button
        $('content-wrap button').css({
            'width': '50%'
        })
        // 查看密码
        $('#checkpsw').css({
            'left': '84%'
        })
        // 导航图标
        $('#header-content li:last-child').css('float', 'left')
        // 登录和注册页面
        $('#tabdiv').css('width', '100%')
        // 模态框
        $('.modal-dialog').css({
            'width': '99%',
            'padding-right': '17px'
        })
        $('.modal').css({
            'position': 'fixed',
            'top': '34%'
        })

    }

    // 浏览器分辨率变化时触发的事件
    $(window).resize(function () {
        $('#content-wrap').css('height', $(window).height())
        if ($(window).width() > 1000) {
            // input
            $('#content-wrap input').css({
                'width': '60%',
                'padding-left': '10%'
            })
            $('#content-wrap input[type=radio]').css({
                'width': '14px',
                'padding-left': '0'
            })
            // p
            $('#content-wrap p').css({
                'left': '24%'
            })
            //button
            $('content-wrap button').css({
                'width': '30%'
            })
            $('#checkpsw').css({
                'left': '74%'
            })
            // 导航图标
            $('#header-content li:last-child').css('float', 'right')
            // 登录和注册页面
            $('#tabdiv').css('width', '60%')
            // 模态框
            $('.modal-dialog').css({
                'width': '30%',
                'padding-right': '17px'
            })
            $('.modal').css({
                'position': 'fixed',
                'top': '23%'
            })

        } else if ($(window).width() < 776) {
            // input
            $('#content-wrap input').css({
                'width': '100%',
                'padding-left': '22%'
            })
            $('#content-wrap input[type=radio]').css({
                'width': '14px',
                'padding-left': '0'
            })
            // p
            $('#content-wrap p').css({
                'left': '6%'
            })
            //button
            $('content-wrap button').css({
                'width': '50%'
            })
            // 查看密码
            $('#checkpsw').css({
                'left': '84%'
            })
            // 导航图标
            $('#header-content li:last-child').css('float', 'left')
            // 登录和注册页面
            $('#tabdiv').css('width', '100%')
            // 模态框
            $('.modal-dialog').css({
                'width': '99%',
                'padding-right': '17px'
            })
            $('.modal').css({
                'position': 'fixed',
                'top': '34%'
            })

        }
    })
})